<div id="logo">
					<a href="#" title="Dashboard"><img src="assets/logo.png" alt="" /></a>
				</div> <!-- logo end -->

				<div id="accordion" style="position:absolute; margin-top:100px; margin-left:9px; "> <!-- navigation menu -->
                   <h3><a href="#">Clocking</a></h3>
                    <div style=" max-height:70px; overflow:hidden;">
                    <?
					 include "./configs/config.php";
					 $userid=$_SESSION['userid'];
	 				 $default_logout="00:00:00";
                     $login_query=("SELECT * FROM Logins WHERE EmployeeID='$userid' AND  ActualLogOutTime='$default_logout' AND ActualLogInTime !='$default_logout'");
	 				$exc_login_query=mysql_query($login_query);
					$login_query_data=mysql_fetch_array($exc_login_query);
					$status=mysql_num_rows($exc_login_query);
					if($status > 0){ 
					?>
                    	<span id="logintimee"><?=$login_query_data['ActualLogInTime'];
						$Dates=strtotime(date("G:i:s"));
						echo '&nbsp;&nbsp;&nbsp;'.floor(($duration=$Dates-strtotime($login_query_data['ActualLogInTime']))/60) .' min';
						
						?></span>
                       <p> <form action="#" method="post" id="formclockout">
                        <input type="hidden" name="userid" value="<?=$_SESSION['userid'];?>" />
                        <div id="messageclockout" style="display: none;"></div>
                        <input class="button" type="submit" value="Clock Out" id="clockout" />
                       </form>
                       </p>
                        <p style="display:none"> <form action="#" method="post" id="formclockin" style="display:none">
                       <input type="hidden" name="userid" id="userid" value="<?=$_SESSION['userid'];?>" />
                       <div id="messageclockin" style="display: none;"></div>
                        <input class="button" type="submit" value="Clock In" id="clockin" />
                       </form>
                       </p>
                    <? }
					else{
					
					?>
                        <p> <form action="#" method="post" id="formclockin">
                       <input type="hidden" name="userid" id="userid" value="<?=$_SESSION['userid'];?>" />
                       <div id="messageclockin" style="display: none;"></div>
                        <input class="button" type="submit" value="Clock In" id="clockin" />
                       </form>
                       </p>
                       <p style="display:none"> <form action="#" method="post" id="formclockout" style="display:none">
                        <input type="hidden" name="userid" value="<?=$_SESSION['userid'];?>" />
                        <div id="messageclockout" style="display: none;"></div>
                        <input class="button" type="submit" value="Clock Out" id="clockout" />
                       </form>
                       </p>
                       <?
					}
					   ?>
                     

                    </div>
                <h3><a href="#">Add Project</a></h3>
                    <div>
                       <form action="" method="post" id="demoForm">
                      
						<p>
							<label>Project Title:</label>
							<input class="sf" name="ProjectTitle" id="ProjectTitle" type="text" value="insert project title" onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;ProjectTitle&quot;); }" onclick="jQuery(this).val(&quot;&quot;);" />
						</p>
                         <p>
							<label>Details:</label>
							<textarea name="Department" id="Department" rows="10" cols="20" class="sf" style="border:1px gray solid" ></textarea>
						</p>
                        <p>
							<label>DeadLine:</label>
							<input class="datepicker" name="DeadLine" id="DeadLine" type="text" value="insert deadline" onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;DeadLine;); }" onclick="jQuery(this).val(&quot;&quot;);" />
						</p>
                        <p>
							<label>Project Manager:</label>
							<input class="sf" name="ProjectManager" id="ProjectManager" type="text" value="insert project title" onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;ProjectManager&quot;); }" onclick="jQuery(this).val(&quot;&quot;);" />
						</p>
                       
                          <p>
							<label>Section:</label>
							<select name="Section" id="Section" class="dropdown">
								<option>Select an option</option>
								<option>PHP</option>
								<option>NET</option>
							</select>
						</p>
                        <div id="message" style="display: none;"></div>
                        <p><input class="button" type="submit" value="Submit" id="submit" /></p>
                       </form>
                    </div>
                    <h3><a href="#">Add Task</a></h3>
                    <div style=" max-height:370px;">
                        <p>
                    	
							
                            <form id="task" method="post" action=""  >
                            <label>Project:</label>
                            <input class="sf" name="ProjectID" id="ProjectID" type="text" value="insert project ID"  onclick="jQuery(this).val(&quot;&quot;);" onkeyup="lookupp(this.value);" onblur="fillp();" />
							 <div class="suggestionsBoxp" id="suggestionsp" style="display: none;">
                            <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                            <div class="suggestionListp" id="autoSuggestionsListp">
					&nbsp;
				</div>
			</div>
                        </p>
						<p>
							<label>Assign To:</label>
							<input class="sf" name="AssigneTo" id="AssigneTo" type="text" value="assigned to" onclick="jQuery(this).val(&quot;&quot;);" onkeyup="lookup(this.value);" onblur="fill();"/>
                            <div class="suggestionsBox" id="suggestions" style="display: none;">
                            <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                            <div class="suggestionList" id="autoSuggestionsList">
					&nbsp;
				</div>
			</div>
						</p>
						<p>
							<label>Task Title:</label>
							<input class="sf" name="TaskTitle" id="TaskTitle" type="text" value="task title"  onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;task title&quot;); }" onclick="jQuery(this).val(&quot;&quot;);" />
                        </p>
                         <p>
							<label>Details:</label>
							<textarea name="TaskDetails" id="TaskDetails" rows="10" cols="20" class="sf" style="border:1px gray solid" ></textarea>
						</p>
						<p>
							<label>Minutes Required: </label>
							<input name="datepicker" class="sf" value="MinutesRequired" id="MinutesRequired" onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;MinutesRequired&quot;); }" onclick="jQuery(this).val(&quot;&quot;);" />
                        </p>
						<p>
							<label>Manager:</label>
							<select name="LineManager" class="dropdown" id="LineManager">
								<option value="">Please select</option>
								<option value="18771">Muntasir	</option>
								<option value="18773">Nayan</option>
								<option value="18774">Sakib</option>
							</select>
                        </p>
						<p>
							<label>Priority:</label>
							<select name="Priority" class="dropdown" id="Priority">
								<option value="">Please select</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>6</option>
								<option>7</option>
								<option>8</option>
								<option>9</option>
								<option>10</option>
							</select>
                           
                        </p>
                        <div id="messagetask" style="display: none;"></div>
                        <p><input class="button" type="submit" value="Submit" id="submittask" /></p>
                        </form>
                    </div>
                    <h3><a href="#">Add Note</a></h3>
                    <div>
                         <form action="#" method="post">
                       
					
                       
                        <p>
							<label>Task ID:</label>
							<select name="TaskID" class="dropdown" id="TaskID">
								<option>Select an option</option>
                                <?
								$userid=$_SESSION['userid'];
                                $task_query=mysql_query("SELECT TaskID,TaskTitle,ProjectTitle FROM Tasks,Projects WHERE Projects.ProjectID=Tasks.ProjectID AND Projects.ProjectManager='$userid'");
								while($task_data=mysql_fetch_array($task_query)){
								?>
								<option value="<?=$task_data['TaskID'];?>"><? echo $task_data['TaskTitle'].' / '.$task_data['ProjectTitle'];?></option>
								<?
								}
								?>
							</select>
						</p>
                        	<p>
							<label>Note Title:</label>
							<input class="sf" name="NoteTitle" id="NoteTitle" type="text" value="note title" onblur="if (jQuery(this).val() == &quot;&quot;) { jQuery(this).val(&quot;note title&quot;); }" onclick="jQuery(this).val(&quot;&quot;);" />
						</p>
                        	<p>
							<label>Note Details:</label>
							<textarea name="NoteDetails" id="NoteDetails" rows="10" cols="20" class="sf" style="border:1px gray solid" ></textarea>
						</p>
                       <div id="messagenote" style="display: none;"></div>
                        <p><input class="button" type="submit" value="Submit" id="submitnote" />
                       </form>
                    

                    </div>
    
					<!--ul>
						<li class="current"><a href="#" class="dashboard"><img src="assets/icons/small_icons_3/dashboard.png" alt=""/><span class="current">Dashboard</span></a></li>
						<li><a href="#"><img src="assets/icons/small_icons_3/posts.png" alt=""/><span>Posts</span></a></li>
						<li><a href="#"><img src="assets/icons/small_icons_3/media.png" alt=""/><span>Media</span></a>
							<ul>
								<li><a href="#">Upload</a></li>
								<li><a href="#">Add new</a></li>
								<li><a href="#">Categories</a></li>
							</ul>
						</li>
						<li class="tooltip" title="Menu items can also have a tooltip!"><a href="#"><img src="assets/icons/small_icons_3/notes.png" alt=""/><span>My notes</span></a></li>
						<li><a href="#"><img src="assets/icons/small_icons_3/coin.png" alt=""/><span>Earnings</span></a></li>
						<li><a href="#"><img src="assets/icons/small_icons_3/users.png" alt=""/><span>Users</span></a></li>
						<li><a href="#"><img src="assets/icons/small_icons_3/settings.png" alt=""/><span>Settings</span></a></li>
					</ul-->
				</div>